<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
   <!--  <button id="btn1">按钮1 </button>
    <button id="b2n2">按钮2 </button> -->

    <div id="bw">比屋教育</div>
        <script>
            /* 
                id具备唯一性的特征，如果页面中有元素定义了id=1，那么后面的元素就不要使用id=1
             */
    
             /* 
                需求：想要把div标签的内容显示到控制台   
                1.先获取div标签
                2.再把div标签内的文本取出来
              */
              const divObj = document.getElementById("bw")
              console.log(divObj)  //null  什么都没有   
              /* 
                    如果代码指定到这里的时候，能找到 id=bw 的元素吗？
                    结果：找不到的，因为 id=bw 标签还没有加载
                    解决办法：document。getElementById    这个代码在 id=bw 后执行
               */
               console.log(typeof divObj)   //object

               //获取对象里面的文本内容
               console.log(divObj.innerText)
        </script>
</body>
</html>